<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>JQuery Music</title>
    <link rel="stylesheet" href="css/css.css">
</head>

<body>
    <div class="player">
        <div class="player_nav">
            <div class="player_CD">
                <div class="player_cdData active_song" style="background-image: url(img/a1.png)" data-song='yourName' data-auctor='laoDeng'
                    data-origin="http://other.web.nf01.sycdn.kuwo.cn/resource/n1/97/24/778796119.mp3"></div>
                <div class="player_cdData" style="background-image: url(img/a2.png)" data-song='RockerMuisc' data-auctor='laocheng' data-origin="http://win.web.ra01.sycdn.kuwo.cn/resource/n3/128/3/11/3233852694.mp3"></div>
            </div>
            <div class="player_concrol">
                <div class="player_prev">
                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
                        <path d="M26.695 34.434v31.132L54.5 49.998z"></path>
                        <path d="M24.07 34.434v31.132c0 2.018 2.222 3.234 3.95 2.267l27.804-15.568c1.706-.955 1.707-3.578 0-4.533L28.02 32.168c-2.957-1.655-5.604 2.88-2.649 4.533l27.805 15.564v-4.533L25.371 63.3l3.95 2.267V34.435c-.001-3.387-5.251-3.387-5.251-.001z"></path>
                        <g>
                            <path d="M55.5 34.434v31.132l27.805-15.568z"></path>
                            <path d="M52.875 34.434v31.132c0 2.018 2.222 3.234 3.949 2.267 9.27-5.189 18.537-10.379 27.805-15.568 1.705-.955 1.705-3.578 0-4.533L56.824 32.168c-2.957-1.655-5.604 2.88-2.648 4.533l27.803 15.564v-4.533L54.176 63.3l3.949 2.267V34.435c0-3.387-5.25-3.387-5.25-.001z"></path>
                        </g>
                    </svg>
                </div>
                <div class="player_play">
                    <svg class="icon play" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
                        <path d="M51.109 30.335l-36-24A2 2 0 0 0 12 8v48a2.003 2.003 0 0 0 2 2c.388 0 .775-.113 1.109-.336l36-24a2 2 0 0 0 0-3.329z"></path>
                    </svg>
                 <svg class="icon pause" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
                        <path d="M22.537 8.046h17.791c1.104 0 2.003.898 2.003 1.993v79.912a2.005 2.005 0 0 1-2.003 2.003h-17.79a2.005 2.005 0 0 1-2.003-2.003V10.04c0-1.095.898-1.993 2.002-1.993zM59.672 8.046h17.8c1.095 0 1.993.898 1.993 1.993v79.912a2.003 2.003 0 0 1-1.993 2.003h-17.8a1.997 1.997 0 0 1-1.993-2.003V10.04c0-1.095.889-1.993 1.993-1.993z"></path>
                    </svg>
                </div>
                <div class="player_next">
                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
                        <path d="M26.695 34.434v31.132L54.5 49.998z"></path>
                        <path d="M24.07 34.434v31.132c0 2.018 2.222 3.234 3.95 2.267l27.804-15.568c1.706-.955 1.707-3.578 0-4.533L28.02 32.168c-2.957-1.655-5.604 2.88-2.649 4.533l27.805 15.564v-4.533L25.371 63.3l3.95 2.267V34.435c-.001-3.387-5.251-3.387-5.251-.001z"></path>
                        <g>
                            <path d="M55.5 34.434v31.132l27.805-15.568z"></path>
                            <path d="M52.875 34.434v31.132c0 2.018 2.222 3.234 3.949 2.267 9.27-5.189 18.537-10.379 27.805-15.568 1.705-.955 1.705-3.578 0-4.533L56.824 32.168c-2.957-1.655-5.604 2.88-2.648 4.533l27.803 15.564v-4.533L54.176 63.3l3.949 2.267V34.435c0-3.387-5.25-3.387-5.25-.001z"></path>
                        </g>
                    </svg>
                </div>
            </div>
        </div>


        <div class="back_Mask">
            <p class="songName">歌名</p>
            <p class="auctor">歌手</p>

        </div>
        <div class="player_timeLineBar">
            <div class="player_duration"></div>
        </div>
    </div>
    <script src="js/jquery.js"></script>
    <script src="js/TweenMax.min.js"> </script>
    <script src="js/main.js"></script>
</body>

</html>